<html><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>微信瑜伽&mdash;&mdash;门店管理</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" media="screen" href="/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/dashboard.css">
    <link rel="stylesheet" href="/css/index.css">
    <script src="/js/jquery.min.js"></script>
    <script src="/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <link rel="stylesheet" media="screen" href="/bootstrap/3.3.5/css/bootstrap-datetimepicker.css">
    <link rel="stylesheet" media="screen" href="/bootstrap/3.3.5/css/bootstrap-datetimepicker.min.css">
    <script type="text/javascript" src="/bootstrap/3.3.5/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="/bootstrap/3.3.5/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <script type="text/javascript" src="/lib/bootstrap-treeview/1.2.0/bootstrap-treeview.min.js"></script>
    <style type="text/css" id="tree-style"> .treeview .list-group-item{cursor:pointer}.treeview span.indent{margin-left:10px;margin-right:10px}.treeview span.icon{width:12px;margin-right:5px}.treeview .node-disabled{color:silver;cursor:not-allowed}.node-tree{}.node-tree:not(.node-disabled):hover{background-color:#F5F5F5;} </style></head>
<body>
<script type="text/javascript">
    //    $('.form_datetime').datetimepicker({format:"yyyy-mm-dd hh:ii",language:"zh-CN",todayHighlight:true,todayBtn:true});
    /*&lt;![CDATA[*/
    /**
     * Created by 张乐平 on 8/2 0002.
     */

    jQuery(function () {
        function getTree() {
            // Some logic to retrieve, or generate tree structure
            return [
                {
                    text: "课程管理",
                    href: "storeManager.html"
                },
                {
                    text: "会员管理",
                    href: "#",
                    state: {
                        checked: true,
                        disabled: false,
                        expanded: true,
                        selected: true
                    }
                }
            ];
        }

        $('#tree').treeview({enableLinks:true,data: getTree()});
        $('#myModal').modal('hide');

        $('#myModal').on('hide.bs.modal', function () {
            //alert('嘿，我听说您喜欢模态框...');
        })
        $(".form_datetime").datetimepicker({
            language: 'zh-CN',
            format: "yyyy-mm-dd hh:ii",
            autoclose: true,
            todayBtn: true,
            minuteStep: 5
        });
    });

    var confirmDelUser = function (roleId) {
        $("#myModal-del").modal("show");
        $("#doDel").one("click", function () {
            window.location = "./del?roleId="+roleId;
        });
    };
    var showUser111 = function (roleId) {
        $("#myModal-update").modal("show");
    };
    var getUser = function () {
        $("#getUser").modal("show");
    };
    var record=function(){
        $('#record').modal("show");
    };
    var updateUser=function(){
        $('#updateUser').modal("show");
    }
    var card=function(){
        $('#card').modal("show");
    };
    function addUpdatetr(){
        $("#myUpdateTable").append("&lt;tr id='trUpdate"+updateNum+"'&gt;&lt;td&gt;&lt;input type='text' name='list["+updateNum+"].dataType' id='list["+updateNum+"].dataType' class='form-control'&gt;&lt;/td&gt; &lt;td&gt;&lt;input type='text' name='list["+updateNum+"].operation' id='list["+updateNum+"].operation' class='form-control'&gt;&lt;/td&gt; &lt;td&gt;&lt;input type='text' name='list["+updateNum+"].dataDomain' id='list["+updateNum+"].dataDomain' class='form-control'&gt;&lt;/td&gt; &lt;td&gt;&lt;span class='glyphicon glyphicon-trash' onclick='delUpdate("+updateNum+")' style='margin-bottom: .5em;'/&gt;&lt;/td&gt; &lt;/tr&gt;");
        updateNum++;
    }
    function delUpdate(num){
        $("#trUpdate"+num).remove();
    }
    /*]]&gt;*/
</script>
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12 col-md-12">
                <nav class="navbar navbar-default navbar-fixed-top ">
                    <div class="container-fluid">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="#">微信瑜伽管理后台</a>
                        </div>
                        <div id="navbar" class="navbar-collapse collapse">
                            <ul class="nav navbar-nav navbar-right">
                                <li><a href="/main">首页</a></li>
                                <!--<li class="dropdown">-->
                                <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span>俱乐部管理</span><span class="caret"></span></a>-->
                                <!--<ul class="dropdown-menu">-->
                                <!--<li><a href="/club/clublist">已创建俱乐部</a></li>-->
                                <!--<li><a href="/club/applylist">俱乐部创建申请</a></li>-->
                                <!--</ul>-->
                                <!--</li>-->
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span>系统设置</span><span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="/system/authorization/users">用户管理</a></li>
                                        <li><a href="/system/authorization/roles/query">角色管理</a></li>
                                        <li><a href="/system/authorization/perms/query">授权管理</a></li>
                                    </ul>
                                </li>
                                <li><a href="/authc/logout">安全退出</a></li>
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
    </div>
</nav>
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
            <div id="tree" class="treeview"><ul class="list-group"><li class="list-group-item node-tree" data-nodeid="0" style="color:undefined;background-color:undefined;"><span class="icon glyphicon"></span><span class="icon node-icon"></span><a href="/system/authorization/users" style="color:inherit;">用户管理</a></li><li class="list-group-item node-tree" data-nodeid="1" style="color:undefined;background-color:undefined;"><span class="icon glyphicon"></span><span class="icon node-icon"></span><a href="/system/authorization/roles/query" style="color:inherit;">角色管理</a></li><li class="list-group-item node-tree node-checked node-selected" data-nodeid="2" style="color:#FFFFFF;background-color:#428bca;"><span class="icon glyphicon"></span><span class="icon node-icon"></span><a href="./query" style="color:inherit;">授权管理</a></li></ul></div>
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
            <ol class="breadcrumb">
                <li>微信瑜伽</li>
                <li><a href="/system/authorization">会员管理</a></li>
            </ol>
            <nav class="navbar navbar-default">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="#">会员管理：</a>
                    </div>
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
                        <button type="button" class="btn btn-primary navbar-btn" data-toggle="modal" onclick="showUser111(8)"
                                data-target="#myModal">
                            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                            添加会员
                        </button>
                        <form class="navbar-form navbar-right" role="search" method="get" action="/system/authorization/perms/query">
                            <div class="form-group">
                                <input class="form-control" placeholder="会员姓名" id="dataType" name="dataType" value="" type="text">
                                <input name="page.pageSize" id="pageSize" value="20" type="hidden">
                                <input name="page.currentPage" id="currentPage" value="1" type="hidden">
                            </div>
                            <div class="form-group">
                                <input class="form-control" placeholder="会员手机号"  name="dataType" value="" type="text">
                                <input name="page.pageSize" value="20" type="hidden">
                                <input name="page.currentPage" value="1" type="hidden">
                            </div>
                            <button type="submit" class="btn btn-default">查询</button>
                        </form>
                    </div>
                </div>
            </nav>
            <div class="modal fade" id="myModal-del" tabindex="-1" role="dialog" aria-labelledby="myModalLabel-del" aria-hidden="true">
                <div class="modal-dialog" style="width: 400px;">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                ×
                            </button>
                            <h4 class="modal-title" id="myModalLabel-del">
                                删除会员
                            </h4>
                        </div>
                        <div class="modal-body">
                            <p>
                                确定要删除会员<span id="delUserName"></span>吗？
                            </p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                            </button>
                            <button type="button" class="btn btn-primary" id="doDel">
                                确定
                            </button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal -->
            </div>
            <div class="modal fade" id="myModal-update" tabindex="-1" role="dialog" aria-labelledby="myModalLabel-update" aria-hidden="true">
                <div class="modal-dialog" style="width: 400px;">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                ×
                            </button>
                            <h4 class="modal-title" id="myModalLabel-update">
                                添加会员
                            </h4>
                        </div>
                        <form method="post" action="/system/authorization/perms/update">
                            <div class="modal-body">
                                <input name="roleId" id="roleId" type="hidden">
                                <div class="input-group" style="margin-bottom: .5em;">
                                    <span class="input-group-addon">&nbsp;姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名&nbsp;</span>
                                    <input id="jiese" name="roleName" class="form-control" placeholder="姓名" aria-describedby="basic-username" type="text">
                                </div>
                                <div class="input-group" style="margin-bottom: .5em;">
                                    <span class="input-group-addon">&nbsp;昵&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称&nbsp;</span>
                                    <select class="form-control">
                                        <option>请选择</option>
                                        <option>张三</option>
                                        <option>李四</option>
                                        <option>王五</option>
                                    </select>
                                </div>
                                <div class="input-group" style="margin-bottom: .5em;">
                                    <span class="input-group-addon">&nbsp;电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话&nbsp;</span>
                                    <input name="description" class="form-control" placeholder="电话" aria-describedby="basic-username" type="text">
                                </div>
                                <div class="input-group" style="margin-bottom: .5em;">
                                    <span class="input-group-addon">&nbsp;卡&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;种&nbsp;</span>
                                    <select class="form-control">
                                        <option>请选择</option>
                                        <option>次卡</option>
                                        <option>储值卡</option>
                                        <option>小课卡</option>
                                    </select>
                                </div>
                                <div class="input-group" style="margin-bottom: .5em;">
                                    <span class="input-group-addon">&nbsp;会&nbsp;&nbsp;&nbsp;员&nbsp;&nbsp;&nbsp;卡&nbsp;</span>
                                    <select class="form-control">
                                        <option>请选择</option>
                                        <option>20次</option>
                                        <option>30次</option>
                                        <option>50次</option>
                                    </select>
                                </div>
                                <div class="input-group input-append date form_datetime">
                                    <span class="input-group-addon">&nbsp;有&nbsp;&nbsp;&nbsp;效&nbsp;&nbsp;&nbsp;期&nbsp;</span>
                                    <input name="description" class="form-control" placeholder="开始时间" readonly>
                                    <span class="input-group-addon"><span
                                            class="glyphicon glyphicon-remove"></span></span>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                                </button>
                                <button type="submit" class="btn btn-primary">
                                    确定
                                </button>
                            </div>
                        </form>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal -->
            </div>


            <div class="modal fade" id="updateUser" tabindex="-1" role="dialog" aria-labelledby="myModalLabel-update" aria-hidden="true">
                <div class="modal-dialog" style="width: 400px;">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                ×
                            </button>
                            <h4 class="modal-title">
                                修改会员信息
                            </h4>
                        </div>
                        <form method="post" action="/system/authorization/perms/update">
                            <div class="modal-body">
                                <input name="roleId" id="roleId" type="hidden">
                                <div class="input-group" style="margin-bottom: .5em;">
                                    <span class="input-group-addon">&nbsp;姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名&nbsp;</span>
                                    <input id="jiese" name="roleName" class="form-control" placeholder="姓名" aria-describedby="basic-username" type="text">
                                </div>
                                <div class="input-group" style="margin-bottom: .5em;">
                                    <span class="input-group-addon">&nbsp;电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话&nbsp;</span>
                                    <input name="description" class="form-control" placeholder="电话" aria-describedby="basic-username" type="text">
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                                </button>
                                <button type="submit" class="btn btn-primary">
                                    确定
                                </button>
                            </div>
                        </form>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal -->
            </div>


            <div class="modal fade" id="card" tabindex="-1" role="dialog" aria-labelledby="myModalLabel-update" aria-hidden="true">
                <div class="modal-dialog" style="width: 400px;">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                ×
                            </button>
                            <h4 class="modal-title" id="myModalLabel-update">
                                会员卡信息
                            </h4>
                        </div>
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>名称</th>
                                <th>剩余金额/次数</th>
                                <th>有效期</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>30次卡</td>
                                <td>20次</td>
                                <td>2018-01-01</td>
                            </tr>
                            <tr>
                                <td>10000储值卡</td>
                                <td>5000元</td>
                                <td>2018-01-01</td>
                            </tr>
                            </tbody>
                        </table>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                            </button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal -->
            </div>
            <div class="modal fade" id="record" tabindex="-1" role="dialog" aria-labelledby="myModalLabel-update" aria-hidden="true">
                <div class="modal-dialog" style="width: 400px;">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                ×
                            </button>
                            <h4 class="modal-title" id="myModalLabel-update">
                                消费记录
                            </h4>
                        </div>
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>课程名称</th>
                                <th>金额</th>
                                <th>消费方式</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>基础课</td>
                                <td>100元</td>
                                <td>现金</td>
                            </tr>
                            <tr>
                                <td>李四老师私教课</td>
                                <td>500元</td>
                                <td>储值卡</td>
                            </tr>
                            </tbody>
                        </table>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                            </button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal -->
            </div>
            <div class="modal fade" id="getUser" tabindex="-1" role="dialog" aria-labelledby="myModalLabel-update" aria-hidden="true">
                <div class="modal-dialog" style="width: 400px;">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                ×
                            </button>
                            <h4 class="modal-title">
                                预约学员
                            </h4>
                        </div>
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>姓名</th>
                                <th>昵称</th>
                                <th>电话</th>
                                <th>是否会员</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>张三</td>
                                <td>中宁枸杞</td>
                                <td>18888888888</td>
                                <td>会员</td>
                            </tr>
                            <tr>
                                <td>张三</td>
                                <td>中宁枸杞</td>
                                <td>18888888888</td>
                                <td>会员</td>
                            </tr>
                            </tbody>
                        </table>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal -->
            </div>






            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>姓名</th>
                        <th>昵称</th>
                        <th>手机号</th>
                        <th>会员卡数量</th>
                        <th>消费记录</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>张三</td>
                        <td>中宁枸杞</td>
                        <td>18888888888</td>
                        <td><a href="userCardManager.html">10</a></td>
                        <td><button type="button" class="btn btn-xs btn-info" onclick="record()">
                            查看
                        </button></td>
                        <td>
                            <button type="button" class="btn btn-xs btn-info" onclick="updateUser()">
                                <span class="glyphicon glyphicon-edit" aria-hidden="false"></span>
                            </button>
                            &nbsp;&nbsp;
                            <button type="button" class="btn btn-xs btn-danger" onclick="confirmDelUser(4)">
                                <span class="glyphicon glyphicon-remove" aria-hidden="false"></span>
                            </button>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <nav style="float: right;">
                    <ul class="pagination">
                        <li>
                            <a aria-label="Previous" href="/system/authorization/perms/query?pager.currentPage=1&amp;page.pageSize=20&amp;roleName=">
                                <span aria-hidden="true">«</span>
                            </a>
                        </li>
                        <li>
                            <a href="/system/authorization/perms/query?pager.currentPage=1&amp;page.pageSize=20&amp;roleName=">1</a>
                        </li>

                        <li>
                            <a aria-label="Next" href="/system/authorization/perms/query?pager.currentPage=1&amp;page.pageSize=20&amp;roleName=">
                                <span aria-hidden="true">»</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</div>


</body></html>